<script lang="ts">
  import type { TodoItem } from "../../index"
  import CopTodoItem from "../cop-todo-item/index.svelte"
  export let todoList: Array<TodoItem> = []
</script>

<div class="list">
  {#each todoList as todo, i (i)}
    <CopTodoItem item={todo} index={i} on:todoCheckStatusChangeEvent on:removeTodoEvent />
  {/each}
</div>
